﻿<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>LLYNOSY 博客|mind ether</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="stylesheet" type="text/css" th:href="@{/css/bootstrap.min.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/nprogress.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/style.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/font-awesome.min.css}">
    <link rel="apple-touch-icon-precomposed" th:href="@{images/icon.png}">
    <link rel="shortcut icon" th:href="@{images/favicon.ico}">
    <script th:src="@{/js/jquery-2.1.4.min.js}"></script>
    <script th:src="@{/js/nprogress.js}"></script>
    <script th:src="@{/js/jquery.lazyload.min.js}"></script>
    <!--[if gte IE 9]>
    <script th:src="@{/js/jquery-1.11.1.min.js}" type="text/javascript"></script>
    <script th:src="@{/js/html5shiv.min.js}" type="text/javascript"></script>
    <script th:src="@{/js/respond.min.js}" type="text/javascript"></script>
    <script th:src="@{/js/selectivizr-min.js}" type="text/javascript"></script>
    <![endif]-->
    <!--[if lt IE 9]>
    <script>window.location.href='upgrade-browser.html';</script>
    <![endif]-->
</head>
<body class="user-select">
<header class="header">
    <nav class="navbar navbar-default" id="navbar">
        <div class="container">

            <div class="collapse navbar-collapse" id="header-navbar">
                <form class="navbar-form visible-xs" action="/bac" method="post">
                    <div class="input-group">
                        <input type="text" name="keyword" class="form-control" placeholder="请输入关键字" maxlength="20" autocomplete="off">
                        <span class="input-group-btn">
                                <button class="btn btn-default btn-search" name="search" type="submit">搜索</button>
                            </span>
                    </div>
                </form>
                <ul class="nav navbar-nav navbar-right">
                    <li><a data-cont="LLYNOSY博客" title="LLYNOSY博客" style="font-size:22px" href="/">首页</a></li>
                    <li th:each="tag :${allTags}"><a  th:title="${tag.cnname}" style="font-size:22px" th:href="@{|/article/tag/${tag.engname}|}" th:text="${tag.cnname}">列表页</a></li>
                    <li id="manual"><a data-cont="HTML教程" title="HTML教程" style="font-size:22px" href="/about-me" draggable="false">关于我</a></li>
                </ul>
            </div>
        </div>
    </nav>
</header>
<section class="container">
    <div class="content-wrap">
        <div class="content">

            <article class="excerpt excerpt-1" th:each="article :${articleTagPage.rows}">
                <!--   <a class="focus" href="http://www.muzhuangnet.com/show/711.html" th:title="${toparticle.title}" target="_blank" draggable="false"><img class="thumb" data-original="http://www.muzhuangnet.com/upload/201706/26/201706261417213246.jpg" src="http://www.muzhuangnet.com/upload/201706/26/201706261417213246.jpg" alt="线程安全测试 ijl" draggable="false" style="display: inline;"></a>-->
                <header>
                    <a class="cat" href="http://www.muzhuangnet.com/list/java/" title="Java" draggable="false">Java<i></i></a>
                    <h2>
                        <a  th:href="@{|/article/${article.id}.html|}"  th:title="${article.title}" th:utext="${article.title}" target="_blank" draggable="false"></a>
                    </h2>
                </header>
                <p class="meta">
                    <time class="time" th:text="${article.createtime}"><i class="glyphicon glyphicon-time"></i> 2019-11-30</time>
                    <span class="views"><i class="glyphicon glyphicon-eye-open"></i> <span th:text="${article.visits}"></span></span>
                    <a class="comment" href="http://www.muzhuangnet.com/show/711.html#comment" title="评论" target="_blank" draggable="false"><i class="glyphicon glyphicon-comment"></i> <span th:text="${article.comment}"></span></a>
                </p>
                <p class="note" style="font-size: medium" th:text="${article.intro}"></p>
            </article>
            <div id="pagination" class="pagination"></div>
            <!--<nav class="pagination" style="display: none;">-->
                <!--<ul>-->
                    <!--<li class="prev-page"></li>-->
                    <!--<li class="active"><span>1</span></li>-->
                    <!--<li><a href="?page=2">2</a></li>-->
                    <!--<li class="next-page"><a href="?page=2">下一页</a></li>-->
                    <!--<li><span>共 2 页</span></li>-->
                <!--</ul>-->
            <!--</nav>-->
        </div>
    </div>
    <aside class="sidebar">
        <div class="fixed">
            <div class="widget widget_search">
                <form class="navbar-form" action="/Search" method="post">
                    <div class="input-group">
                        <input type="text" name="keyword" class="form-control" size="35" placeholder="请输入关键字" maxlength="15" autocomplete="off">
                        <span class="input-group-btn">
                                <button class="btn btn-default btn-search" name="search" type="submit">搜索</button>
                            </span>
                    </div>
                </form>
            </div>

        </div>

    </aside>
</section>
<footer class="footer">
    <div class="container">
        <p>本站[<a href="http://www.llynosy.com/">LLYNOSY博客]</a>&nbsp;Powered By LLYNOSY&nbsp; &nbsp; </p>
    </div>
    <div id="gotop"><a class="gotop"></a></div>
</footer>
<script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/js/jquery.ias.js}"></script>
<script th:src="@{/js/scripts.js}"></script>
<script th:src="@{/js/myPagination.js}"></script>
<link rel="stylesheet" type="text/css" th:href="@{/css/myPagination.css}">
<script id="pagenition" type="text/javascript" th:inline="javascript">
    var url= window.location.href;
    var start=url.indexOf("page/")+5;
    var nextPage=url.substring(start,url.length);
    if(isNaN(nextPage)||nextPage==null){
        nextPage=1;
    }
    new Page({
        id: 'pagination',
        curPage: nextPage, //初始页码
        pageTotal: [[${articleTagPage.total}]], //总页数
        pageAmount: [[${articleTagPage.pageSize}]], //每页多少条
        dataTotal: [[${articleTagPage.size}]], //总共多少条数据
        pageSize: 5, //可选,分页个数
        showPageTotalFlag: true, //是否显示数据统计
        showSkipInputFlag: true, //是否支持跳转
        getPage: function(page) {
            //获取当前页数
                var url= window.location.href;
                var numstart=url.indexOf("page/");
                if(numstart>0){
                    var currentpage=url.substring(numstart+5,url.length);
                    //alert(currentpage);
                    window.location.href=url.replace("page/"+currentpage+"","page/"+page);
                }else{
                    window.location.href=url+"/page/"+page;
                }
        }
    })
</script>
</body>
</html>
